﻿@{
  ViewBag.Title = "index";
  Layout = "~/Views/Shared/_Layout.cshtml";
}
@section mystyle{

}

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta name="format-detection" content="telephone=no,email=no">
  <meta name="renderer" content="webkit" />
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <title>index</title>
  <link rel="stylesheet" href="~/Content/vendor/bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="~/Content/vendor/bootstrap/css/bootstrap-theme.min.css">
  <link href="~/Content/vendor/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="~/Content/css/c.css">
</head>
<body>
  <!--#include file="include/header.html" -->
  <!--#include file="include/nav.html" -->
  <!-- search -->
  <div class="content margin-top-20">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <div class="box padding-top-10 padding-bottom-10 text-right">
            <form class="form-inline">
              <div class="form-group">
                <input type="search" name="search" id="search" class="form-control">
                <label for="search"><span class="glyphicon glyphicon-search margin-10 font-16"></span></label>
              </div>

            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- table -->
  <div class="padding-top-10 padding-bottom-10 margin-top-20">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <button type="button" class="btn btn-warning">
            <i class="glyphicon glyphicon-list-alt"></i>
            <span class="margin-left-10">新建项目</span>
          </button>
        </div>

        <div id="table" class="col-sm-12 margin-top-20">
          <table class="table table-striped table-hover text-center">
            <thead>
              <tr>
                <th>项目名称</th>
                <th>项目类型</th>
                <th>项目时间</th>
                <th>项目阶段</th>
                <th>状态</th>
                <th class="w250">操作</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>某品牌-类型-某日-执行</td>
                <td>高新</td>
                <td>2016年5月5日-2016年5月15日</td>
                <td></td>
                <td>未立项</td>
                <td>
                  <button type="button" class="btn btn-success">提交</button>
                  <button type="button" class="btn btn-success btn-edit">编辑项目</button>
                  <button type="button" class="btn btn-danger">删除</button>
                </td>
              </tr>
              <tr>
                <td>某品牌-类型-某日-执行</td>
                <td>高新</td>
                <td>2016年5月5日-2016年5月15日</td>
                <td></td>
                <td>未立项</td>
                <td>
                  <button type="button" class="btn btn-success">提交</button>
                  <button type="button" class="btn btn-success btn-edit">编辑项目</button>
                  <button type="button" class="btn btn-danger">删除</button>
                </td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="col-sm-12 clearfix">
          <div id="page-info">分页</div>
        </div>
      </div>
    </div>
  </div>

  <!-- 立项 -->
  <div class="modal fade" id="initProject" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content padding-10 w700">
        <div class="text-right">
          <a class="close-pop" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span></a>
        </div>
        <div id="project">
          <div class="row">
            <div class="col-sm-12"><h3 class="margin-10">项目</h3></div>
          </div>
          <form class="form-horizontal">
            <div class="form-group">
              <label for="projectName" class="col-sm-2 control-label">项目名称</label>
              <div class="col-sm-10">
                <input type="email" class="form-control" name="projectName" id="projectName" placeholder="项目名称">
              </div>
            </div>
            <div class="form-group">
              <label for="projectStage" class="col-sm-2 control-label">项目阶段</label>
              <div class="col-sm-10">
                <select name="projectStage" id="projectStage" class="form-control">
                  <option value="1">沟通</option>
                  <option value="2">执行</option>
                  <option value="3">...</option>
                </select>
              </div>
            </div>
            <div class="form-group">
              <label for="projectStage" class="col-sm-2 control-label">项目类型</label>
              <div class="col-sm-10">
                <select name="projectStage" id="projectStage" class="form-control">
                  <option value="1">高新</option>
                  <option value="2">传统</option>
                  <option value="3">...</option>
                </select>
              </div>
            </div>
            <div class="form-group">
              <label for="projectStage" class="col-sm-2 control-label">品牌</label>
              <div class="col-sm-10">
                <select name="projectStage" id="projectStage" class="form-control">
                  <option value="1">捷豹路虎</option>
                  <option value="2">五菱宝骏</option>
                  <option value="3">奔驰</option>
                  <option value="4">...</option>
                </select>
              </div>
            </div>
            <div class="form-group">
              <label for="projectStage" class="col-sm-2 control-label">项目时间</label>
              <div class="col-sm-10">
                <div class="datepk-box c-select vm w240 pop-style vm">
                  <input type="text" name="" id="" readonly class="datepk form-control">
                  <span class="c-select-btn"></span>
                </div>

                <span class="padding-left-10 padding-right-10 vm">至</span>

                <div class="datepk-box c-select vm w240 pop-style vm">
                  <input type="text" name="" id="" readonly class="datepk form-control">
                  <span class="c-select-btn"></span>
                </div>

              </div>
            </div>

            <div class="form-group">
              <div class="col-sm-2 col-sm-offset-2">
                <button type="button" id="btn-save" class="btn btn-danger btn-block">保存</button>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

  <script src="~/Content/vendor/jquery/jquery.min.js"></script>
  <script src="~/Content/vendor/bootstrap/js/bootstrap.min.js"></script>
  <script src="~/Content/vendor/datetimepicker/bootstrap-datetimepicker-edit.js"></script>
  <script src="~/Content/vendor/datetimepicker/lang/bootstrap-datetimepicker.zh-CN.js"></script>
  <script src="~/Content/vendor/artTemplate/template.js"></script>
  <script src="~/Content/js/corey-page.js"></script>
  <script src="~/Content/js/setPages.js"></script>
  <script src="~/Content/js/index.js"></script>

</body>
</html>

@section myscript{

}